// 变量的定义
$primary-color: #1269b5;
$primary-border: 1px solid $primary-color;

div.box {
  background-color: $primary-color;
}

h1.page-header {
  border $primary-border;
}


// 嵌套样式标签
.nav {
  height: 100px;

  ul {
    margin: 0;

    li {
      float: left;
      list-style: none;
      padding 5px;
    }

    a {
      display: block;
      color: #000;
      padding: 5px;

      &:hover {
        background-color: blue;
      }
    }
  }

  // 使用父级选择器
  & &-text {
    font-size: 15px;
  }
}
